<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<!-- 导入css样式 -->
		<link href="../lib/css/bootstrap.min.css" rel="stylesheet" />
		<!-- 导入jQuery库 -->
		<script type="text/javascript" src="../lib/jquery/jquery-1.11.3.min.js" ></script>
		
		<!-- 导入js库 -->
		<script type="text/javascript" src="../lib/js/bootstrap.min.js" ></script>
		<style>
			.leftBox{
				float: left;
				margin-left: 30px;
				margin-right: 30px;
				width: 230px;
				height: 150px;
				background-color: #ddd;
				box-shadow: 10px 10px 5px #F6F4F0;
				border-radius: 5px;
			}
			.item{
				background-color: #ddd;
				margin-left: 50px;
				margin-right: 50px;
				box-shadow: 10px 10px 5px #F6F4F0;
				border-radius: 5px;
			}
			.numBox{
				margin-top: 10px;
				margin-left: auto;
				margin-right: auto;
				width: 200px;
				height: 70px;
				text-align: center;
				
			}
			a {text-decoration:none;}
			a:link {text-decoration:none;}
			a:visited {text-decoration:none;}
			a:hover {text-decoration:none;}
		</style>
	</head>
	<body>
		<div class="container-fluid ">
			
			<div class="row">
				<div class="col-sm-12 col-md-3 item">
					<div class="numBox">
						<a href="javascript:void(0);">
							<font size="36px">120</font>
						</a>
					</div>
					<div class="col-md-12">
						<a href="javascript:void(0);">
							<h3>注册企业个数</h3>
						</a>
					</div>
				</div>
				<div class="col-sm-12 col-md-3 item">
					<div class="numBox">
						<a href="javascript:void(0);">
							<font size="36px">120</font>
						</a>
					</div>
					<div class="col-md-12">
						<a href="javascript:void(0);">
							<h3>注册企业个数</h3>
						</a>
					</div>
				</div>
				<div class="col-sm-12 col-md-3 item">
					<div class="numBox">
						<a href="javascript:void(0);">
							<font size="36px">120</font>
						</a>
					</div>
					<div class="col-md-12">
						<a href="javascript:void(0);">
							<h3>注册企业个数</h3>
						</a>
					</div>
				</div>
			</div>
			
			<div class="row-fluid">
				<h1>企业云总览</h1>
				
				<div class="container-fluid">
					<div class="row-fluid">
					<div class="panel panel-default leftBox col-md-4">
						<div class="col-md-12 numBox">
							<a href="javascript:void(0);">
								<font size="36px">120</font>
							</a>
						</div>
						<div class="col-md-12">
							<a href="javascript:void(0);">
								<h3>注册企业个数</h3>
							</a>
						</div>
					</div>
					<div class="panel panel-default leftBox col-md-4">
					    <div class="col-md-12 numBox">
							<a href="javascript:void(0);">
								<font size="36px">587</font>
							</a>
						</div>
						<div class="col-md-12">
							<a href="javascript:void(0);">
								<h3>注册用户数</h3>
							</a>
						</div>
					</div>
					<div class="panel panel-default leftBox col-md-4">
					    <div class="col-md-12 numBox">
							<a href="javascript:void(0);">
								<font size="36px">139</font>
							</a>
						</div>
						<div class="col-md-12">
							<a href="javascript:void(0);">
								<h3>月活跃用户数</h3>
							</a>
						</div>
					</div>
				</div>
				</div>
				
			</div>
				
			<div class="row-fluid">	
				<!-- 导航栏 -->
				<ul class="nav nav-tabs">
				   <li class="active"><a href="#tab1" data-toggle="tab">合作社</a></li>
				   <li><a href="#tab2" data-toggle="tab">国有企业</a></li>
				   <li><a href="#tab3" data-toggle="tab">民营企业</a></li>
				</ul>
				<!-- 导航栏绑定的DIV -->
				<div id="table-content" class="tab-content">
					<div id="tab1" class="tab-pane fade in active" >
						<!-- 轮播块 -->
						<div id="myCarousel" class="carousel slide">
							<!-- 轮播（Carousel）指标 -->
							<ol class="carousel-indicators">
								<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
								<li data-target="#myCarousel" data-slide-to="1"></li>
								<li data-target="#myCarousel" data-slide-to="2"></li>
							</ol>   
							<!-- 轮播（Carousel）项目 -->
							<div class="carousel-inner">
								<div class="item active">
									<img src="../img/HBuilder.png" alt="First slide">
									<div class="carousel-caption">标题 1</div>
								</div>
								<div class="item">
									<img src="../img/HBuilder.png" alt="Second slide">
									<div class="carousel-caption">标题 2</div>
								</div>
								<div class="item">
									<img src="../img/HBuilder.png" alt="Third slide">
									<div class="carousel-caption">标题 3</div>
								</div>
							</div>
							<!-- 轮播（Carousel）导航 -->
							<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
							    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
							    <span class="sr-only">Previous</span>
							</a>
							<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
							    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
							    <span class="sr-only">Next</span>
							</a>
						</div> 
					</div>
					<div id="tab2" class="tab-pane fade">
						<!-- 轮播块 -->
						<div id="myCarousel2" class="carousel slide">
							<!-- 轮播（Carousel）指标 -->
							<ol class="carousel-indicators">
								<li data-target="#myCarousel2" data-slide-to="0" class="active"></li>
								<li data-target="#myCarousel2" data-slide-to="1"></li>
								<li data-target="#myCarousel2" data-slide-to="2"></li>
							</ol>   
							<!-- 轮播（Carousel）项目 -->
							<div class="carousel-inner">
								<div class="item active">
									<img src="../img/HBuilder.png" alt="First slide">
									<div class="carousel-caption">标题 1</div>
								</div>
								<div class="item">
									<img src="../img/HBuilder.png" alt="Second slide">
									<div class="carousel-caption">标题 2</div>
								</div>
								<div class="item">
									<img src="../img/HBuilder.png" alt="Third slide">
									<div class="carousel-caption">标题 3</div>
								</div>
							</div>
							<!-- 轮播（Carousel）导航 -->
							<a class="left carousel-control" href="#myCarousel2" role="button" data-slide="prev">
							    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
							    <span class="sr-only">Previous</span>
							</a>
							<a class="right carousel-control" href="#myCarousel2" role="button" data-slide="next">
							    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
							    <span class="sr-only">Next</span>
							</a>
						</div> 
						
					</div>
					<div id="tab3" class="tab-pane fade">
						
						<!-- 轮播块 -->
						<div id="myCarousel3" class="carousel slide">
							<!-- 轮播（Carousel）指标 -->
							<ol class="carousel-indicators">
								<li data-target="#myCarousel3" data-slide-to="0" class="active"></li>
								<li data-target="#myCarousel3" data-slide-to="1"></li>
								<li data-target="#myCarousel3" data-slide-to="2"></li>
							</ol>   
							<!-- 轮播（Carousel）项目 -->
							<div class="carousel-inner">
								<div class="item active">
									<img src="../img/HBuilder.png" alt="First slide">
									<div class="carousel-caption">标题 1</div>
								</div>
								<div class="item">
									<img src="../img/HBuilder.png" alt="Second slide">
									<div class="carousel-caption">标题 2</div>
								</div>
								<div class="item">
									<img src="../img/HBuilder.png" alt="Third slide">
									<div class="carousel-caption">标题 3</div>
								</div>
							</div>
							<!-- 轮播（Carousel）导航 -->
							<a class="left carousel-control" href="#myCarousel3" role="button" data-slide="prev">
							    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
							    <span class="sr-only">Previous</span>
							</a>
							<a class="right carousel-control" href="#myCarousel3" role="button" data-slide="next">
							    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
							    <span class="sr-only">Next</span>
							</a>
						</div>
						
					</div>
				</div>
			</div>
		</div>
		
	</body>
</html>
